const { defineConfig } = require('@vue/cli-service');
const { resolve } = require("path");

module.exports = defineConfig({
  transpileDependencies: true,
  outputDir: 'dist', // 自定义输出
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          javascriptEnabled: true, // 启用 LESS 支持 JavaScript
        },
      },
      postcss: {
        postcssOptions: {
          plugins: [
            require('autoprefixer')(), // 添加 autoprefixer
            require('postcss-pxtorem')({ // 添加 px 转 rem 插件
              rootValue: 37.5, // 设置 1rem 等于 75px
              propList: ['*'], // 需要转换的属性
            }),
          ],
        },
      },
    },
  },
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve(__dirname, 'src'), // 将 @ 符号指向 src 目录
      },
    },
  },
  // devServer: {
  //   proxy: {
  //     '/api': {
  //       target: 'http://localhost:3000',
  //       changeOrigin: true,
  //       pathRewrite: { '^/api': '' },
  //     },
  //   },
  // },
});
